﻿<!DOCTYPE html>
<html>
<head>
<title>JsRender: Demos</title>
<link href="resources/demos.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="box">
<h3>The demos below have been superseded by the <em><a href="http://www.jsviews.com">documentation</a></em>
and <em><a href="http://www.jsviews.com/#samples/jsr">samples</a></em> on <em><a href="http://www.jsviews.com">jsviews.com</a></em>,
which are more up-to-date and complete</h3>
</div>

<div class="subhead"><< <a href="index.html">Index for JsRender and JsViews</a></div>

<h2>JsRender: Demos</h2>

<ul class="indexitems">
	<li class="subhead">Step-by-step samples:</li>
	<li class="inset">- <a href="step-by-step/01_inserting-data.html">Inserting data values</a></li>
	<li class="inset">- <a href="step-by-step/02_compiling-named-templates-from-strings.html">Compiling named templates from strings</a></li>
	<li class="inset">- <a href="step-by-step/03_converters-and-encoding.html">Rendering data values (with optional encoding) using {{: }} and {{> }}: </a></li>
	<li class="inset">- <a href="step-by-step/04_if-else-tag.html">Conditional blocks using {{if}} and {{else}}</a></li>
	<li class="inset">- <a href="step-by-step/05_for-tag.html">Looping through data using {{for}}</a></li>
	<li class="inset">- <a href="step-by-step/06_template-composition.html">Template composition using {{for}} and {{include}}</a></li>
	<li class="inset">- <a href="step-by-step/07_paths.html">Accessing paths</a></li>
	<li class="inset">- <a href="step-by-step/08_custom-tags.html">Custom tags</a></li>
	<li class="inset">- <a href="step-by-step/09_helper-functions.html">'Helper' functions</a></li>
	<li class="inset">- <a href="step-by-step/10_comparison-tests.html">Comparison tests</a></li>
	<li class="inset">- <a href="step-by-step/11_accessing-parent-data.html">Accessing parent data</a></li>
	<li class="inset">- <a href="step-by-step/12_passing-in-context.html">Passing in context</a></li>
	<li class="inset">- <a href="step-by-step/13_associating-helpers-with-templates.html">Associating helpers with templates</a></li>
	<li class="inset">- <a href="step-by-step/20_without-jquery.html">JsRender without jQuery</a></li>

	<li class="subhead">Variants and details:</li>
	<li class="inset">- <a href="variants/variants.html">Samples: variants and details</a></li>

	<li class="subhead">Scenario examples:</li>
	<li class="inset">- <a href="scenarios/01_default-values-scenario.html">'Default values' scenario</a></li>
	<li class="inset">- <a href="scenarios/02_separators-scenario.html">'Separators' scenario</a></li>
	<li class="inset">- <a href="scenarios/03_iterating-through-fields-scenario.html">'Iterating through fields' scenario</a></li>
	<li class="inset">- <a href="scenarios/04_assigning-variables-scenario.html">'Assigning variables' scenario</a></li>
	<li class="inset">- <a href="scenarios/05_arrays-plus-headers-and-footers.html">Array templates with headers and footers outside the repeated items</a></li>
</ul>
</body>
</html>
